<template>
    <h2>我是About的内容</h2>
</template>

<script>
    export default {
        name:'About',
        mounted(){
            window.AboutRoute = this.$route;
            window.AboutRouter = this.$router;
        },
        beforeDestroy(){
        },
        // 组件内路由守卫 通过路由规则，进入该组件时被调用
        beforeRouteEnter(to,from,next){
            console.log('组件内路由守卫-进入---beforeRouterEnter',to,from);
            // 是否需要权限验证
            if(to.meta.isAuth){
                if(localStorage.getItem('token') === 'bian'){
                    // 放行
                    next();
                }else{
                    alert('您没有权限访问')
                }

            }else{
                // 放行
                next();
            }
        },
        // 组件内路由守卫 通过路由规则，离开该组件时被调用
        beforeRouteLeave(to,from,next){
            console.log('组件内路由守卫-离开---beforeRouteLeave',to,from);
            next();
        }
    }
</script>

<style>

</style>